@charset "utf-8";
/* CSS Document */


html{
	
	height: 100%;
	
}


body{
	
	/*rules for the background*/
	 background: url(../images/gray_background_res.png) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	 
	 /*rules for the text*/
	 
	 color:#000;
	 text-shadow: 0px -1px 0px #000;
	 /*fonts*/
	 font-family: "Lucida Grande", sans-serif;
	 
	 /*so that the child elements can use the rule for height*/
	 height:100%;
}

/*all main static containers*/

#header{
	
	
	border:dotted #FF0;
	
	
	/*box model rules*/
	padding:0;
	margin:0;
	
	/*fonts*/
	
	
	
}

#header h1{
	
	height:100px;
	
	/*box model*/
	padding-left:35%;
	padding-bottom:40px;
	margin:0;
	
	
	/*fonts*/
	color:#663;
	font-family: 'Lobster', serif;
  	font-size: 58px;
  	font-style: normal;
  	font-weight: 700;
  	text-shadow: 8px 4px 4px #333;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0.192em;
  	word-spacing: -0.04em;
  	line-height: 2.7;
}

#searchBar{
	
	border:dotted #FF0;
	
	
	/*box model rules*/
	padding:0;
	margin:0;
	height:15%;
	
	
	
}
	#searchBar
		fieldset{
			border:none;
			
			padding-left:38%;
			
			width:40%;
				
		}
	#searchBar 	
		fieldset
			input{
				
				/*rules concerning the size*/
				width: 55%;
				height:35px;
				
				/*fonts*/
				font-family: 'Cabin', serif;
				font-size: 20px;
				font-weight:bold;
				line-height: 2.7;
				
				
				/* i like the input to be rounded*/
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border-radius: 15px;
				
			}
	#searchBar 	
		fieldset
			button{
				
				background: #3C392E;  /* url("../images/magnifier.png") no-repeat 9px 8px;*/
				 
				 
				 width:35px;
				 height: 35px;
				 
				 /*box*/
				 padding:0;
				 margin-left:10px;
				 
				/*i also like the button to be rounded, */
				/* though as i like all buttons rounded i should better make it work for all*/
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border-radius: 15px;
			}

#navi{
	
	border:dotted #FF0;
	
	
	/*box model rules*/
	padding:0;
	margin:0;
	
}




/*left sidebar*/
.left{
	display:inline;
	border:dotted #C00;
	border-radius: 15px;
	background: rgba(10, 10, 10, 0.38);
	width: 15%;	
	height:450px;
	float: left;
	
	/*box model rules*/
	padding:0;
	margin:0;
	
	
	
}

	.left ul{
		list-style:none;
		padding:0;
		
	}
		.left ul li button{	
			width:100%;
		
			/*coloring*/
			background: #908C78;
            background: -webkit-gradient(linear, left top, left bottom, from(#908C78), to(#3C392E));
            background: -moz-linear-gradient(top,  #908C78,  #3C392E);
            color: #201E15;	

            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
	}
		.left ul li button:hover{
			width:199px;
			
			/*coloring*/	
			background: #3C392E;
            background: -webkit-gradient(linear, left top, left bottom, from(#3C392E), to(#908C78));
            background: -moz-linear-gradient(top,  #3C392E,  #908C78);
            color: #201E15;
            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
	}
/*right sidebar*/
.right{
	display:inline;
	
	/*border rules*/
	border:dotted #C00;
	border-radius: 15px;
	
	background: rgba(10, 10, 10, 0.38);
	width: 15%;	
	height:450px;
	float: right;
	
	/*box model rules*/
	padding:0;
	margin:0;
}


/*main container*/
#mainContainer{
	display:inline-block;
	
	background: rgba(10, 10, 10, 0.38);
	width: 60%;
	height:500px;
	padding:0;
	margin-left:4%;
	margin-right:4%;
	border:dotted #C00;
	border-radius: 15px;
	
	/*trying to work out the overflow*/
	
	overflow:auto;
	
}

/*footer*/
#footer{
	border:dotted #060;
	height:10%;
}

/*end of main static containers*/




/*rules for dynamically fetched containers*/
#register{
		
	
}

	#register 
		input,
		button{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
	#register button{	
			background: #908C78;
            background: -webkit-gradient(linear, left top, left bottom, from(#908C78), to(#3C392E));
            background: -moz-linear-gradient(top,  #908C78,  #3C392E);
            color: #201E15;	

            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
	}
	#register button:hover{	
			background: #3C392E;
            background: -webkit-gradient(linear, left top, left bottom, from(#3C392E), to(#908C78));
            background: -moz-linear-gradient(top,  #3C392E,  #908C78);
            color: #201E15;
            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
	}
	#register button img{
			display: block;
			float:left;
			
	}
	#register button span{
			display:block;
			float:right;
				
	}
	#register ul{
		
		
		list-style:none;	
		
	}
		#register li{
			
			margin:4px;	
		}
		#register li:last-child{
			
			margin-top:15px;	
		}


#createCategory{
	
	/*we set the overflow to scroll*/
	clear:both;
	height:auto;
	overflow:visible;
	
}
	#createCategory fieldset{
		border:none;
		padding:5%;	
	}
		#createCategory fieldset table td{
			text-align: right;
			
		}
			#createCategory fieldset table td input[type="text"]{
				display:block;
				width: 100%;
				padding:0;
			
			}
			#createCategory fieldset table td textarea{
				display:block;
				padding:0;	
				width:100%;		
			}
		#createCategory fieldset table td button{
			background: #908C78;
            background: -webkit-gradient(linear, left top, left bottom, from(#908C78), to(#3C392E));
            background: -moz-linear-gradient(top,  #908C78,  #3C392E);
            color: #201E15;	

            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
		}
		#createCategory fieldset table td button:hover{
			background: #3C392E;
            background: -webkit-gradient(linear, left top, left bottom, from(#3C392E), to(#908C78));
            background: -moz-linear-gradient(top,  #3C392E,  #908C78);
            color: #201E15;
            display: block;
            line-height: 40px;
            padding: 0 10px;
            overflow: hidden;
		}
		#createCategory fieldset table td button img{
			float:left;
			display: block;
			padding:10px;
			
		}
		
#searchResultsV{
	
	
	
}
	#searchResultsV ul{
		list-style:none;
		width:90%;	
		
	}
	#searchResultsV ul li{
		border:dotted #060;
		
		
	}
	#searchResultsV ul li span{
		padding-left:5%;	
		
		/*fonts*/
		font-family: 'Ubuntu', serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 2.7;
		
		
	}